/*for list page*/
body{color:black}
.pageinfo{clear:both;overflow:hidden}
.prev{float:left}
.next{float:right}
.norecord{line-height:32px;font-size:14px}

/* ^__^ */
#header{margin-bottom:0}
#mainwrapper{margin-bottom:15px}

/* mainwrapper */
#mainwrapper{width:980px;overflow:hidden}
#mainwrapper p{text-align:center;color:#0000fa;font-size:.9em;margin-bottom:10px}
#mainwrapper #nav ul{float:left;overflow:hidden;margin:0 0 15px 0;padding:0 0 1px 0;width:990px;list-style:none;border:0px solid #aaa;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
#mainwrapper #nav ul li{float:left;overflow:hidden;width:88px;height:24px;line-height:24px;background:#dfdfd5;text-align:center;border:1px solid #fff;border-right:0;border-bottom:0}
#mainwrapper #nav a:link{color:#00360c}
#mainwrapper #nav a:hover{color:red;text-decoration:underline}
#mainwrapper #nav p{float:left;width:100%;text-align:center;color:#0900f6;height:24px;line-heihgt:24px}

/* catlog */
#catlog{float:right;width:20%;padding:10px 0;font-size:.9em}
#catlog a{float:right;color:#33c;text-decoration:underline}
#catlog a:hover{color:red;text-decoration:none}

/* maincontent */
#hottopic{float:left;overflow:hidden;width:554px;margin-right:10px}
#hottopic .title{overflow:hidden;background:url(../images/bg_h3.gif) repeat-x;height:36px}
#hottopic h3{float:left;width:330px;height:36px;line-height:32px;padding-left:10px;font-size:1.1em}
#hottopic ul.hotdata{float:left;width:210px;font-size:.9em;list-style:none}
#hottopic ul.hotdata li{float:left;font-size:12px;height:36px;line-height:30px;list-style:none;margin-right:5px;padding:0;text-align:center;width:65px}#hottopic ul.hotdata li a{display:block;color:#333;height:36px}
#hottopic ul.hotdata li a:hover{background:url(../images/bg_tabhover.gif) no-repeat}
#hottopic ul.hotdata li.selected{background:url(../images/bg_tabhover1.gif) no-repeat;height:36px}
#hottopic ul.hotdata li.selected a{color:#fff}
#hottopic .item{float:left;overflow:hidden;padding:8px 0 0;border-bottom:1px solid #cacaca;margin-bottom:1px solid #cacaca}
#hottopic .item .comment{float:left;width:46px;height:41px;padding-top:8px;margin-right:10px;background:url(../images/bg_comment.gif) no-repeat}
#hottopic .item .content{float:left;width:498px}
#hottopic .next{float:right;font-size:.9em;margin-top:10px}
#hottopic .next a{color:#00f}
#hottopic .next a:hover{color:red;text-decoration:underline}
#hottopic .comment p{color:#333;text-align:center;line-height:10px;font-size:.9em}
#hottopic .comment p.count{font-size:1.1em;font-weight:700}
#hottopic .content .title{background:0 0;font-size:1em;font-weight:700;height:auto;line-height:20px;margin-bottom:5px}
#hottopic .content .title a{color:#186ec2}
#hottopic .content .title a:hover{text-decoration:underline}
#hottopic .content p{font-size:.9em;text-align:left;line-height:16px;}
#hottopic .content p a{color:#666}
#hottopic .content p a:hover{color:#000}
#hottopic span{margin-right:5px;font-size:.8em}
#hottopic span a{color:#5d8bd6}
#hottopic span.user{font-size:.9em}
#hottopic span.user a{text-decoration:underline}
#hottopic span.user a:hover{color:red;text-decoration:none}
#hottopic span.time{color:#999;margin-left:10px}
#hottopic span.number{color:#F00;}

/* leftside */
#leftside{float:left;width:106px;margin-right:10px;font-weight:700}
#leftside h4{background:#e5ecf3;height:30px;line-height:30px;padding-left:20px;margin-bottom:5px}
#leftside ul{list-style:none}
#leftside ul li{height:30px;line-height:30px}
#leftside ul a{color:#0261BD;display:block;font-weight:700;height:25px;line-height:25px;text-align:center;text-decoration:none}
#leftside ul a:hover{background:#E5ECF3}

/* rightside */
#rightside{float:left;width:298px;border:1px solid #ddd;font-family: Tahoma,Verdana,STHeiTi,simsun,sans-serif;}
#rightside .title{background:#ededed;height:26px;border-bottom:6px solid #fff;color:#fff}
#rightside h4{background:url(../images/bg_h4.gif) no-repeat top left;width:95px;height:31px;line-height:28px;color:#fff;padding-left:8px}
#rightside ul{list-style:none;padding:10px}
#rightside ul li{overflow:hidden;white-space:nowrap;width:275px;padding:4px 0;border-bottom:1px solid #d7dce2;font-size:.9em}
#rightside ul li a{color:#5a5a5a}
#rightside ul li a:hover{text-decoration:underline}
#rightside img{margin-right:10px}

/* WIDTH990+10px WHITEBG 2/2014/JOLIE */
#mainwrapper{width:990px;margin:0 5px 15px}
#mainwrapper #nav ul li{width:89px}
#hottopic{width:564px;font-family: Tahoma,Verdana,STHeiTi,simsun,sans-serif;}